<template>
  <div id="app">
    <h1>treeselect-树形选择</h1>
    <p>含有下拉菜单的树形选择器，结合了</p>
    <tree-select-basic></tree-select-basic>
    <tree-select-check-strictly></tree-select-check-strictly>
    <tree-select-multiple></tree-select-multiple>
    <tree-select-disabled></tree-select-disabled>
    <tree-select-filterable></tree-select-filterable>
    <tree-select-slots></tree-select-slots>
    <el-divider />
  </div>
</template>

<script>
import { basic, checkStrictly, multiple, disabled, filterable, slots } from './test'

export default {
  name: 'App',
  components: {
    [basic.name]: basic,
    [checkStrictly.name]: checkStrictly,
    [multiple.name]: multiple,
    [disabled.name]: disabled,
    [filterable.name]: filterable,
    [slots.name]: slots,
  }
}
</script>

<style>
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

html,
body,
#app {
  height: 100%;
  color: #303133;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #606266;
}</style>

